﻿{% extends "gma/base.html" %}
{% load static %}

<!-- CONTENT
  =====================================================================-->

{% block content %}

<div class="page__hd">
    <h1 class="page__title"> <i class="fa fa-grin-hearts my-page-title-icon"> </i> </h1>
    <p class="page__desc"> 动态表情管理 </p>
</div>

<div class="page__bd">
    <!-- 动态表情列表 -->
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd">动态表情列表</div>

        <div class="weui-panel__bd">
            <a  v-for="animoji in animojis" v-if="animoji.enabled == 1" class="weui-media-box weui-media-box_appmsg" :href="animoji.animoji_url">
                <div class="weui-media-box__hd">
                    <img class="gift-img" :src="animoji.animoji_url" :alt="animoji.animoji_name">
                </div>

                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title"> [[ animoji.animoji_name ]] </h4>
                </div>

{#                <div class="weui-cell__ft">#}
{#                    <label class="weui-switch-cp">#}
{#                        <p class="weui-media-box__desc"> [[ animoji.price ]] <i class="fa fa-gem"> </i> </p>#}
{#                    </label>#}
{#                </div>#}
            </a>
        </div>

        <div class="weui-panel__ft">
            <a href="{% url 'gma:config_animoji_list' %}" class="weui-cell weui-cell_access weui-cell_link">
                <div class="weui-cell__bd"><i class="fa fa-ellipsis-h"></i> 查看更多</div>
                <span class="weui-cell__ft"></span>
            </a>
        </div>
    </div>

</div>

<div class="page__ft">
    <a href="{% url 'gma:home' %}">
        <span class="bottom-logo"> HiBao </span>
    </a>
</div>

{% endblock content %}

<!-- SCRIPT
  =====================================================================-->

{% block extra_js %}
<script> {% include 'gma/config/animoji/config_animoji_home.vue' %} </script>
{% endblock extra_js %}